<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>后盾人</title>
  </head>
  <body>
    <input type="text" name="password" />
    <span></span>
    <script>
      // let name = "houDUNren";
      // console.log(name.length);
      // console.log(name.toUpperCase());
      // console.log(name.toLowerCase());
      // let site = "   hdcms   ";
      // console.log(site.trim().length);
      //lodash   jquery
      // let ps = document.querySelector("[name='password']");
      // ps.addEventListener("keyup", function() {
      //   this.value = this.value.trim();
      //   let span = document.getElementsByTagName("span");
      //   let error = "";
      //   if (this.value.length < 5) {
      //     error = "密码不能小于5位";
      //   }
      //   span[0].innerHTML = error;
      // });
      let hd = "houdunren";
      // console.log(hd[0]);
      for (let i = 0; i < hd.length; i++) {
        let span = document.createElement("span");
        span.style.fontSize = (i + 1) * 10 + "px";
        span.innerHTML = hd[i];
        document.body.append(span);
      }
    </script>
  </body>
</html>
